import { DialogForm } from 'custom/index'
import { addScriptManagePage, updateScriptManagePage, getCusSerList } from './api'
import ShopIdItem from './components/ShopIdItem.vue'
import CustomerIdItem from './components/CustomerIdItem.vue'
import SubAccountItemList from './components/SubAccountItemList.vue'

const addDialog = new DialogForm('DialogForm')

addDialog
  .title('新增')
  .postApi(addScriptManagePage)
  .useGroup('')
    .useItem('workOvertimeNo').label('加班编号').required().end()
    .useApiSelect('userId', getCusSerList).label('加班人员').setProp('valueKey', 'userId').setProp('labelKey', 'name').required().end()
    .useDatePicker('startDate').label('开始日期').required().end()
    .useDatePicker('endDate').label('结束日期').required().end()
    .useCustomItem(CustomerIdItem, 'customerId').label('客户名称').required().end()
    .useCustomItem(ShopIdItem, 'shopId').label('店铺名称').required().end()
    .useCustomItem(SubAccountItemList, 'subAccountItemList').label('子账号名称').setDefault([]).required().end()
    .useItem('overtimeSalary').label('加班费（元）').required().end()
    .useItem('remark').label('备注 ').setProps({ type: 'textarea', autosize: { minRows: 4 } }).required().end()

const editDialog = new DialogForm('DialogForm')
editDialog
  .title('编辑')
  .postApi(updateScriptManagePage)
  .useGroup('')
    .useItem('workOvertimeNo').label('加班编号').required().end()
    .useApiSelect('userId', getCusSerList).label('加班人员').setProp('valueKey', 'userId').setProp('labelKey', 'name').required().end()
    .useDatePicker('startDate').label('开始日期').required().end()
    .useDatePicker('endDate').label('结束日期').required().end()
    .useCustomItem(CustomerIdItem, 'customerId').label('客户名称').required().end()
    .useCustomItem(ShopIdItem, 'shopId').label('店铺名称').required().end()
    .useCustomItem(SubAccountItemList, 'subAccountItemList').label('子账号名称').setDefault([]).required().end()
    .useItem('overtimeSalary').label('加班费（元）').required().end()
    .useItem('remark').label('备注 ').setProps({ type: 'textarea', autosize: { minRows: 4 } }).required().end()

export { addDialog, editDialog }
